{% extends 'base.html' %}


{% block title %}绑定用户{% endblock %}


{% block css %}
    <link rel="stylesheet" href="/static/css/main.css" />
    <link rel="stylesheet" href="/static/icon/iconfont.css">
    <style>
        .iconsize{
            font-size: 22px;
        }

        .error-tip{
            color: red;
        }

        {# 解决页面闪动问题#}
        [v-cloak]{
            display: none;
        }
    </style>
{% endblock %}





{% block content %}

    <div class="main-content main-content-login">
		<div class="container">
			<div class="row">
				<div class="col-lg-12">
					<div class="breadcrumb-trail breadcrumbs">
						<ul class="trail-items breadcrumb">
							<li class="trail-item trail-begin">
								<a href="index.html">Home</a>
							</li>
							<li class="trail-item trail-end active">
								Authentication
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="content-area col-lg-12 col-md-12 col-sm-12 col-xs-12">
					<div class="site-main">
						<h3 class="custom_blog_title">
							Authentication
						</h3>
						<div class="customer_login">
							<div class="row">

                                <div id="oauth_user"  class="col-lg-6 col-md-6 col-sm-12">
									<div class="login-item">
										<h5 class="title-login">绑定用户
                                            {% if reg_error_msg %}
                                                <span class="error-tip">{{ reg_error_msg }}</span>
                                            {% endif %}


                                        </h5>
                                            <form class="register" method="post" action="/about/" @submit="reg_sub">
											    {{csrf_input}}
                                                <input type="hidden" name="sec_openid" value="{{ sec_openid }}">

                                            <p class="form-row form-row-wide">

												<input  placeholder="手机号" v-model="phone"  name="phone"  type="text" class="input-text">
											    <span class="error-tip" v-show="error_phone">${error_phone_msg}</span>
                                            </p>

                                            <p class="form-row form-row-wide">

												<input style="width: 250px;" v-model="imgcode" placeholder="图片验证码" @blur="check_imgcode" name="imgcode"  type="text" class="input-text"  >
                                                <img style="height: 40px;float: right;"  :src="imgcode_url">
                                                <span class="error-tip" v-show="error_imgcode">${error_imgcode_msg}</span>


                                            </p>

                                            <p class="form-row form-row-wide">

												<input style="width: 230px;" v-model="smscode" placeholder="短信验证码" @blur="check_smscode" name="msgcode"  type="text" class="input-text" id="reg_mescode" >
											    <span class="error-tip" v-show="error_smscode">${error_smscode_msg}</span>

                                                <a href="javascript:;" style="font-size: 16px;text-align: center;font-weight: normal;float: right" id="reg_mescode_btn" able="able" @click="send_smscode">${smscode_btn}</a>

                                            </p>

                                            <p class="form-row form-row-wide">

												<input  placeholder="设置密码" v-model="password" @blur="check_pwd" name="password"  type="password" class="input-text">
											    <span class="error-tip" v-show="error_password">${error_password_msg}</span>
                                                {% if sms_code_errmsg %}
                                                    <span class="error_tip">{{ sms_code_errmsg }}</span>
                                                {% endif %}
                                                {% if openid_errmsg %}
                                                    <span class="error_tip">{{ openid_errmsg }}</span>
                                                {% endif %}
                                                {% if qq_login_errmsg %}
                                                    <span class="error_tip">{{ qq_login_errmsg }}</span>
                                                {% endif %}
                                            </p>



											<p class="">
												<input type="submit"  class="button-submit" style="font-size: 16px;font-weight: normal;" value="保存">
											</p>
										</form>
									</div>
								</div>

							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>


<script type="text/javascript" src="{{static('js/oauth/oauth_user.js')}}"></script>

{% endblock %}

